<?php
  /**************************************************\
  |* Syllabus database:  HTML Wrapper               *|
  |*------------------------------------------------*|
  |* This file provides an HTML template that can   *|
  |* be changed once to change the HTML appearance  *|
  |* across the entire set of browser pages.  A CSS *|
  |* stylesheet will not suffice, as this also      *|
  |* controls overall structural properties of the  *|
  |* syllabus database.                             *|
  |*------------------------------------------------*|
  |* Definitions:                                   *|
  |* -$title - page title, defined in parent file   *|
  |* -$headers - extra headers, defined in parent   *|
  |* -$body - body text, defined in parent          *|
  \**************************************************/
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title><?php echo @$title; ?></title>
  <link rel="stylesheet" type="text/css" media="screen" href="styles/default.css" />
  <link rel="stylesheet" type="text/css" media="mobile" href="styles/mobile.css" />
  <link rel="stylesheet" type="text/css" media="print" href="styles/print.css" />
  <?php echo @$headers; ?> 
</head>

<body>
  <div id="header"><img src="images/banner.png" alt="SGA Syllabus Database" /></div>
  <div id="nav">
    <ul>
      <li><a href="index.php">Home</a></li>
      <li><a href="search.php">Search</a></li>
      <li><form method="post" action="search.php" id="search">
        <input type="text" size="20" name="query" />
      </form></li>
    </ul>
  </div>
  <div id="main">
    <?php echo @$body; ?>
  </div>
  <div id="footer">
  
  </div>
</body>
</html>